<template>
	<div class="wrap">
		css
		<!-- <el-dialog v-model="visible" title="发起审批">
			<div class="bd">
				<el-form :model="state.form" inline>
					<el-form-item v-for="i in formFields" :label="i.label" :prop="i.key" :key="i.key" class="formItem">
						<el-input v-model="state.form[i.key]"></el-input>
					</el-form-item>
				</el-form>
			</div>
			<template #footer>
				<div class="foot">
					<el-button>取消</el-button>
					<el-button @click="submit">提交申请</el-button>
				</div>
			</template>
		</el-dialog> -->
	</div>
</template>

<script setup>
// import { reactive, ref } from 'vue'
// const visible = ref(true)
// const formFields = [
// 	{
// 		key: 'No',
// 		label: '交易号'
// 	},
// 	{
// 		key: 'No1',
// 		label: '交易号'
// 	},
// 	{
// 		key: 'No2',
// 		label: '交易号'
// 	},
// 	{
// 		key: 'No3',
// 		label: '交易号'
// 	},
// 	{
// 		key: 'No4',
// 		label: '交易号'
// 	}
// ]
// const state = reactive({
// 	form: {}
// })

// const submit = () => {
// 	console.log('#', state.form)
// }
</script>

<style scoped lang="scss">

	$primary:#fa5123;

// .bd {
// 	padding: 10px 20px;
// }
// .foot {
// 	padding: 10px;
// }

// .formItem{
//   width: 48%;
// }
.wrap{
	width: 300px;
	height: 300px;
	color: $primary;
}

</style>
